<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>{{ Config::get('site.title') }}</title>
    <link rel="stylesheet" type="text/css" href="/css/common.css">
    <link rel="stylesheet" type="text/css" href="/css/css.css">
    <link rel="stylesheet" href="/css/swiper.min.css">
    @yield('style')
</head>
<body>
<nav id="nav">
    <div class="bg"></div>
    <div class="container1200">
        <div class="logo">
            <a href="/"><img src="/images/logo.png" alt=""></a>
        </div>
        <ul class="navList">
            @foreach($navs as $key=>$nav)
                <li class="">
                    <a href="{{url('/'.$key)}}">
                        <div class="show animate {{isset($pageName) && $key == $pageName ? 'cedao_hover' : '' }}">
                            {{$nav['name']}}
                        </div>
                        <div class="hide animate">{{$nav['name']}}</div>
                    </a>
                    @if(isset($nav['list']))
                        <ol style="display: none; padding-top: 0px; margin-top: 0px; padding-bottom: 0px; margin-bottom: 0px;">
                            @foreach($nav['list'] as $listKey=>$list)
                                @if('news' == $key)
                                    <li><a href="{{url('/'.$key.'/index/'.$listKey)}}">{{$list}}</a></li>
                                @else
                                    <li><a href="{{url('/'.$key.'/'.$listKey)}}">{{$list}}</a></li>
                                @endif
                            @endforeach
                            @if('about' == $key)
                                <li><a href="{{url('/display')}}">项目展示</a></li>
                            @endif
                        </ol>
                    @endif
                </li>
            @endforeach
        </ul>
    </div>
</nav>
@yield('content')
        <!----联系我们----------->
<div class="container1200">
    <div class="row footer">
        <figure>
            <span class="footer-dh"></span>
            <h3>24小时服务热线</h3>
            <p>400-0000-000<br>0571-8673-7999</p>
        </figure>
        <figure>
            <span class="footer-dz"></span>
            <h3>紫金创业园</h3>
            <p>浙江省杭州市西湖区<br>石祥西路859号</p>
        </figure>
        <figure>
            <span class="footer-yx"></span>
            <h3>紫金创业园邮箱</h3>
            <p>E-mail：<br>1233566523@163.com</p>
        </figure>
    </div>
    <ul class="footer-nav list-inline menu-kj">
        <li><a href="/">首页</a></li>
        <li><a href="/">关于紫金</a></li>
        <li><a href="/">项目简介</a></li>
        <li><a href="/">配套服务</a></li>
        <li><a href="/">招商问答</a></li>
        <li><a href="/">园区相册</a></li>
        <li><a href="/">入驻企业</a></li>
        <li><a href="/">园区新闻</a></li>
        <li><a href="/">通知公告</a></li>
        <li><a href="/">联系我们</a></li>
    </ul>
</div>
<footer class="action text-center">
    <div class="container1200">
        <p>© Copyright 2016-2017 <a href="/">紫金创业园</a> All Rights Reserved.<br/> <a href="#">技术支持：杭州荣浩科技有限公司 </a> | <a
                    href=" " target="_blank">浙ICP备0000000号-0</a></p>
    </div>
</footer>
</body>
<!--底部-->

<script src="/js/jquery-1.10.1.min.js"></script>
<script src="/js/sdf.shuwon.js"></script>
<script src="/js/banner.js"></script>
<script src="/js/swiper.min.js"></script>
<script>
    $(window).scroll(function () {
        if ($(this).scrollTop() > 95) { // 向下滚动多少像素时执行
            $('#nav>.bg').addClass("nav_hover"); // 向下滚动添加添加CSS
        } else {
            $('#nav>.bg').removeClass("nav_hover"); // 向上移动移除CSS样式
        }
    });
    $(".link_box li").hover(function () {
        $(this).find("p").stop().animate({
            bottom: '0'
        }, {
            duration: 200
        });
    }, function () {
        $(this).find("p").stop().animate({
            bottom: '-67px'
        }, {
            duration: 200
        });
    })
</script>
<script>
    $(window).load(function () {
        var clickNum = 0;
        $("#farmTrip .farmBox").height($("#farmTrip .farmBox .farmList li img").height())
        $("#farmTrip .farmBox .btns").click(function () {
            if ($(this).hasClass("next")) {
                clickNum < $("#farmTrip .farmBox .farmList li").length - 1 ? clickNum++ : clickNum = 0;
            } else {
                clickNum > 0 ? clickNum-- : clickNum = $("#farmTrip .farmBox .farmList li").length - 1;
            }
            $("#farmTrip .farmBox .farmList li").eq(clickNum).show().addClass("pulse").removeClass("zoomOut").siblings().addClass("zoomOut").removeClass("pulse").delay(500).hide(1);
        });
        $("#farmTrip .funBox .imgBox .box .btns").click(function () {
            var index = $(this).siblings("ul").children("li.cur").index();
            if ($(this).hasClass("prev")) {
                index > 0 ? index-- : index = $(this).siblings("ul").children("li").length - 1
            } else {
                index < $(this).siblings("ul").children("li").length - 1 ? index++ : index = 0;
            }
            $(this).siblings("ul").children("li").eq(index).addClass("cur").siblings().removeClass("cur")
        });
        $("#farmTrip .markets .show").click(function () {
            $(this).siblings(".hide").fadeIn();
            $(this).siblings(".hide").children("img").addClass("cur")
            $(this).siblings(".hide").find("div").addClass("cur");
            $("#farmTrip .bg1").fadeIn();
            $("body,html").addClass("bh")
        });
        $("#farmTrip .markets .hide .close").click(function () {
            $("#farmTrip .bg1").fadeOut();
            $("body,html").removeClass("bh");
            $(this).removeClass("cur")
            $(this).siblings().removeClass("cur");
            $(this).siblings(".textBox").children().removeClass("cur");
            $(this).parent(".hide").delay(800).fadeOut(500);
        });
        $("#farmTrip .btnList li").click(function () {
            var index = $(this).index();
            $(this).addClass("cur").siblings().removeClass("cur");
            $("#farmTrip .marketList").animate({
                marginLeft: -index * 1200 + "px"
            }, 800, 'easeInSine')
        })
        $("#farmTrip .funBox .navList li").click(function () {
            $(this).addClass("cur").siblings().removeClass("cur")
        })
        $("#farmTrip .carnival .carnivalBox").css("overflow", "hidden");
        $("#farmTrip .carnival .carnivalList li").css("float", "left")
        for (var i = 0; i < $("#farmTrip .carnival .carnivalList li").length; i++) {
            $(".pageBtn").append("<li><a href='javascript:void(0)'>" + (i + 1) + "</a></li>")
        }
        $(".pageBtn li").first().addClass("cur");
        $(".pageBtn").on("click", "li", function () {
            $(this).addClass("cur").siblings().removeClass("cur");
            var index = $(this).index();
            $("#farmTrip .carnival .carnivalList").animate({
                marginLeft: -index * $("#farmTrip .carnival .carnivalList li").width() + "px"
            }, 500, 'easeInCirc')
        })
        for (var i = 0; i < $("#farmTrip .carnival .carnivalList li").length; i++) {
            $("#farmTrip .carnival .carnivalList li").eq(i).find(".carnivals").eq(0).addClass("big")
        }
    })

    function showBox(id) {
        $.get('/index.php?m=content&c=honor&a=ray_pro&id=' + id, function (data) {
            $("#test").html(data)
        })
        $("#farmTrip .bg1").click(function () {
            $("#farmTrip .markets .hide .close").click();
        })
    }
</script>
@yield('js')
</html>